<template>
  <div class="attr-list">
    <el-collapse>
      <CommonAttr />
      <FontAttr />
      <EffectAttr />
      <BorderAttr />
    </el-collapse>
  </div>
</template>

<script>
import CommonAttr from '@/custom-component/common/CommonAttr.vue'
import BorderAttr from '@/custom-component/common/BorderAttr.vue'
import EffectAttr from '@/custom-component/Subtitles/EffectAttr.vue'
import FontAttr from '@/custom-component/Subtitles/FontAttr.vue'

export default {
  name: 'TextAttr',
  components: { CommonAttr, BorderAttr, EffectAttr, FontAttr },
}
</script>
